<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>drygoods前台</title>
    <link rel="shortcut icon" href="/static/index/img/tubiao.png">
    <link rel="stylesheet" type="text/css" href="/static/item/scss/shop.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/scss/jd.css"/>
    <link rel="stylesheet" href="/static/item/scss/header.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/bootstrap/css/bootstrap.css"/>

</head>
<body>
<div id="max">
    <header>
        <!--品牌官方网站-->
        <div class="min">
            <ul class="header_ul_left">
                <li class="glyphicon glyphicon-home" style="width: 110px"><a href="http://www.drygoods.top"
                                                                             style="margin-left: 8px"
                                                                             class="aa">drygoods首页</a></li>
            </ul>
            <ul class="header_ul_right" style="width: 320px">
                <li style="border: 0;">
                    <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/login.html" class="aa">
                        你好，请登录
                    </a>
                    <a th:if="${session.loginUser!=null}" class="aa"
                       style="width: 50px">
                        [[${(session.loginUser!=null)?session.loginUser.username:''}]]
                    </a>
                </li>
                <li>
                    <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/reg.html" style="color: red;">
                        免费注册
                    </a> |
                </li>
                <li><a href="http://member.drygoods.top/orderList.html" class="aa">我的订单</a> |</li>

                <li>
                    <a th:if="${session.loginUser!=null}" href="http://auth.drygoods.top/exit/loginUser">退出登录</a>
                </li>
            </ul>
        </div>
    </header>
    <nav>
        <div class="nav_min">
            <div class="nav_top">
                <div class="nav_top_one"><a href="http://www.drygoods.top"><img
                        style="height: 106px;margin-top: -5px;width: 130px" src="/static/index/img/logo.png"/></a></div>
                <div class="nav_top_two"><input id="searchText" type="text"/>
                    <button onclick="search()">搜索</button>
                </div>
                <div class="nav_top_three"><a href="http://cart.drygoods.top/cartList.html">我的购物车</a><span
                        class="glyphicon glyphicon-shopping-cart"></span>
                    <div class="nav_top_three_1">
                        <img src="/static/item/img/44.png"/>购物车还没有商品，赶紧选购吧！
                    </div>
                </div>
            </div>
        </div>
    </nav>

</div>


<div class="crumb-wrap">
    <div class="w">
        <div class="crumb">
            <div class="crumb-item">
                <a href="" th:text="${item.skuInfo.catalogNames[0]}">手机</a>
            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item">
                <a href="" th:text="${item.skuInfo.catalogNames[1]}">手机通讯</a>
            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item">
                <a th:href="'http://search.drygoods.top/list.html?catalog3Id='+${item.skuInfo.catalogId}"
                   th:text="${item.skuInfo.catalogNames[2]}">手机</a>
            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item">
                <div class="crumb-item-one" style="width: 190px">
                    [[${item.skuInfo.spuName}]]
                    <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img"/>
                    <!--                    <div class="crumb-item-two ">-->
                    <!--                        <div class="crumb-item-cons clear">-->
                    <!--                            <ul>-->
                    <!--                                <a th:href="'http://search.drygoods.top/list.html?catalog3Id='+${item.skuInfo.catalogId}+'&brandId='+${item.skuInfo.brandId}"-->
                    <!--                                   th:text="${item.skuInfo.brandName}">华为(huawei)</a>-->
                    <!--                            </ul>-->
                    <!--                        </div>-->
                    <!--                    </div>-->

                </div>

            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item" th:text="${item.skuInfo.skuName}">
                华为Mate 10
            </div>
        </div>

    </div>
</div>
<div class="Shop">
    <div class="box">
        <div class="box-one ">
            <div class="boxx">

                <div class="imgbox">
                    <div class="probox">
                        <img class="img1" alt="" th:src="${item.skuInfo.skuDefaultImg}">
                        <div class="hoverbox"></div>
                    </div>
                    <div class="showbox">
                        <img class="img1" alt="" th:src="${item.skuInfo.skuDefaultImg}">
                    </div>
                </div>

                <div class="box-lh">

                    <div class="box-lh-one">
                        <ul>
                            <li th:each="skuImage:${item.skuImages}" th:if="${!#strings.isEmpty(skuImage.imgUrl)}"><img
                                    th:src="${skuImage.imgUrl}"/></li>
                        </ul>
                    </div>
                    <div id="left">
                        <
                    </div>
                    <div id="right">
                        >
                    </div>

                </div>


            </div>
            <div class="box-two">
                <div class="box-name" th:text="${item.skuInfo.skuTitle}">
                    华为 HUAWEI Mate 10 6GB+128GB 亮黑色 移动联通电信4G手机 双卡双待
                </div>
                <div class="box-hide" th:text="${item.skuInfo.skuSubtitle}">预订用户预计11月30日左右陆续发货！麒麟970芯片！AI智能拍照！
                    <a href="/static/item/"><u></u></a>
                </div>
                <div class="box-summary clear">
                    <ul>
                        <li>价格</li>
                        <li>
                            <span>￥</span>
                            <span th:text="${#numbers.formatDecimal((item.skuInfo.reducedPrice==0.0000?item.skuInfo.price:item.skuInfo.reducedPrice),1,2)}">4499.00</span>
                        </li>
                        <!--不要动这个标签-->
                        <li>
                        </li>
                        <!--不要动这个标签-->
                    </ul>
                </div>

                <div class="box-stock">
                    <ul class="box-ul">
                        <!-- <li>配送至</li>
                         <li class="box-stock-li">
                             <div class="box-stock-one">
                                 北京朝阳区管庄
                                 <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img"/>
                             </div>
                             <div class="box-stock-two">
                                 <dl>
                                     <dt>
                                         <a>选择新地址</a>
                                         <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt=""
                                              class="box-stock-two-img"/>
                                     </dt>
                                     <dd>
                                         <div class="box-stock-dd">
                                             <div class="box-stock-top">
                                                 <div class="box-stock-div">北京</div>
                                                 <div class="box-stock-div">朝阳区</div>
                                                 <div class="box-stock-div">管庄</div>
                                             </div>
                                             <div class="box-stock-fot">
                                                 <div class="box-stock-con" style="display: block;">
                                                     <ul>
                                                         <li>北京</li>
                                                         <li>上海</li>
                                                         <li>天津</li>
                                                         <li>重庆</li>
                                                     </ul>
                                                 </div>
                                                 <div class="box-stock-con">
                                                     <ul>
                                                         <li>朝阳区</li>
                                                         <li>海淀区</li>
                                                         <li>东城区</li>
                                                         <li>西城区</li>
                                                     </ul>
                                                 </div>
                                                 <div class="box-stock-con">
                                                     <ul>
                                                         <li>4环到5环之内</li>
                                                         <li>管庄</li>
                                                         <li>北苑</li>
                                                     </ul>
                                                 </div>

                                             </div>
                                         </div>
                                     </dd>
                                 </dl>

                             </div>

                         </li>-->
                        <li>
                            <span th:text="${item.hasStock?'有货':'无货'}">无货</span>
                        </li>
                    </ul>
                </div>
                <div class="box-attr-3">
                    <div class="box-attr clear" th:each="skuItemAttr:${item.skuItemSaleAttrVos}">
                        <dl>
                            <dt>选择[[${skuItemAttr.attrName}]]</dt>
                            <dd th:each="attrAndSkuId:${skuItemAttr.attrValueWithSkuIds}">
                                <a
                                        th:attr="skuIds=${attrAndSkuId.skuIds},
                                        class=${#lists.contains(#strings.listSplit(attrAndSkuId.skuIds,','),item.skuInfo.skuId.toString())?'sku_attr_value checked':'sku_attr_value'}">
                                    [[${attrAndSkuId.attrValue}]]
                                </a>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div class="box-btns clear">
                    <div class="box-btns-one">
                        <input type="text" name="" id="numInput" value="1"/>
                        <div class="box-btns-one1">

                            <div>
                                <button id="jia">
                                    +
                                </button>
                            </div>
                            <div>
                                <button id="jian">
                                    -
                                </button>
                            </div>
                        </div>
                    </div>
                    <div>
                        <button style="float: left;height: 46px;line-height: 46px;padding: 0 26px;font-size: 18px;color: white;
                        background: #E4393C;" th:attr="skuId=${item.skuInfo.skuId}" id="addToCartA"
                                th:disabled="${item.hasStock?'false':'true'}">
                            加入购物车
                        </button>
                    </div>
                    <div class="box-btns-three">
                        <img src="/static/item/img/e4ed3606843f664591ff1f68f7fda12d.png" alt=""/> 分享
                    </div>
                </div>

                <div class="box-footer-zo">
                    <!-- <div class="box-footer clear">
                         <dl>
                             <dt>本地活动</dt>
                             <dd>
                                 <a href="/static/item/">
                                     ·1元500MB激活到账30元 >>
                                 </a>
                             </dd>
                         </dl>
                     </div>

                     <div class="box-footer">
                         <dl>
                             <dt>温馨提示</dt>
                             <dd>·本商品不能使用 东券 京券</dd>
                             <dd>·请完成预约后及时抢购！</dd>
                         </dl>
                     </div>-->
                </div>
            </div>

        </div>
    </div>

    <div class="ShopXiangqing">
        <!--商品介绍-->
        <div class="allquanbushop">
            <ul class="shopjieshao">
                <li class="jieshoa" style="background: #e4393c;">
                    <a style="color: white;">商品介绍</a>
                </li>
                <li class="baozhuang">
                    <a>规格与包装</a>
                </li>
                <li class="pingjia">
                    <a>商品评价([[${item.spuComments.size}]])</a>
                </li>
            </ul>
            <ul class="shopjieshaos posi" style="display: none;">
                <li class="jieshoa" style="background: #e4393c;">
                    <a href="#li1" style="color: white;">商品介绍</a>
                </li>
                <li class="baozhuang">
                    <a>规格与包装</a>
                </li>
                <li class="pingjia">
                    <a>商品评价([[${item.spuComments.size}]])</a>
                </li>
            </ul>

            <!--商品详情-->
            <div class="huawei">
                <ul class="xuanxiangka">
                    <li class="jieshoa actives" id="li1">
                        <div class="shanpinsssss">
                            <img class="xiaoguo"
                                 th:src="${decp}"
                                 th:each="decp:${#strings.listSplit(item.spuInfoDesc.getDecript(),',')}"/>
                        </div>
                    </li>
                    <li class="baozhuang actives" id="li2">
                        <div class="guiGebox">
                            <div class="guiGe" th:each="group:${item.skuItemAttrGroupVos}">
                                <h3 th:text="${group.groupName}">主体</h3>
                                <dl>
                                    <div th:each="attr:${group.attrs}">
                                        <dt th:text="${attr.attrName}">品牌</dt>
                                        <dd th:text="${attr.attrValue}">华为(HUAWEI)</dd>
                                    </div>
                                </dl>
                            </div>


                        </div>
                    </li>
                    <!--评价-->
                    <li class="PINgjia actives" id="li4">
                        <div class="h3">
                            <h3>商品评价</h3>
                        </div>
                        <div data-guid="d785849ebc981ca0d41aa61e3bb79c23"
                             data-top=""
                             style="zoom: 1;padding: 15px;border-bottom: 1px solid #ddd;"
                             th:each="spuComment:${item.spuComments}">
                            <div>
                                <div>
                                    <img style="width: 50px;height: 50px"
                                         th:if="${#strings.isEmpty(spuComment.memberIcon)}"
                                         src="/static/index/img/touxiang.png">
                                    <img style="width: 50px;height: 50px"
                                         th:if="${!#strings.isEmpty(spuComment.memberIcon)}"
                                         th:src="${spuComment.memberIcon}">
                                    [[${spuComment.username}]]
                                </div>
                                <div><a target="_blank">[[${spuComment.star}]]星</a></div>
                            </div>
                            <div>
                                <div></div>
                                <p th:if="${spuComment.showStatus==1}">
                                    [[${spuComment.content}]]
                                </p>
                                <div>
                                    <div href="#none" data-ind="0"
                                         th:each="skuAttr:${#strings.listSplit(spuComment.resources,',')}">
                                        <img th:src="${skuAttr.toString()}"
                                             style="width:48px ;height:48px;float: left;margin-right: 10px">
                                    </div>
                                    <a href="#none" data-ind="1">
                                        <div class="J-pic-view-wrap clearfix" data-rotation="0"></div>
                                        <div class="comment-message">
                                            <div class="order-info">
                                                <span th:each="spuAttrs:${#strings.listSplit(spuComment.spuAttributes,',')}">[[${spuAttrs}]] | </span>
                                                <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span> <span></span> <span></span> <span></span> <span></span>
                                                <span></span><br>
                                                <span>评论时间: [[${#dates.format(spuComment.createTime,'yyyy-MM-dd HH:mm:ss')}]]</span>
                                            </div>
                                            <div style="float: right;margin-top: -20px;">
                                                <a data-login="1">举报</a>
                                                <a data-login="1">
                                                    <i style="display: inline-block;margin-left: 25px;color: #666;">点赞数:</i>[[${spuComment.likesCount}]]
                                                </a>
                                                <a data-login="1" style="margin-bottom: 20px;">
                                                    <i style="display: inline-block;margin-left: 25px;color: #666;">评论数:</i>[[${spuComment.replyCount}]]
                                                </a>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    <li class="shuoming actives" id="li5"></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="headera">
    <div class="Logo-tu">
    </div>
    <div class="section_second">
        <!-- 第一层 -->
        <div style="padding-bottom: 18px;background: #eaeaea;overflow: hidden;margin-top: 10px">
            <p class="section_second_header_img"></p>
            <li style="width: 247px;float: left;">
                <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 220px;">
                    <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                        品类齐全，轻松购物</p>
                </div>
            </li>
            <li style="width: 247px;float: left;margin-left: 90px;">
                <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 220px;">
                    <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                        多仓直发，极速配送</p>
                </div>
            </li>
            <li style="width: 247px;float: left;margin-left: 90px;">
                <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 220px;">
                    <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                        正品好货，精致服务</p>
                </div>
            </li>
            <li style="width: 247px;float: left;margin-left: 90px;">
                <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 220px;">
                    <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                        天天低价，畅选无忧</p>
                </div>
            </li>
            <br/><br><br>
            <p style="border-bottom: solid 1px #dedede;margin-bottom: 10px"></p>
            <div class="w" style="width: 1210px;text-align: center;">
                <div class="copyright_links" style="margin: 0;padding: 0;">
                    <p>
                        <a href="//about.jd.com"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">关于我们</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//about.jd.com/contact/"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系我们</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//help.jd.com/user/custom.html" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系客服</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//lai.jd.com" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">合作招商</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//helpcenter.jd.com/venderportal/index.html" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">商家帮助</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//jzt.jd.com" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">营销中心</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//app.jd.com/" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">手机京东</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//club.jd.com/links.aspx" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">友情链接</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//media.jd.com/" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">销售联盟</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//pro.jd.com/mall/active/3WA2zN8wkwc9fL9TxAJXHh5Nj79u/index.html"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东社区</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//pro.jd.com/mall/active/3TF25tMdrnURET8Ez1cW9hzfg3Jt/index.html"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">风险监测</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//about.jd.com/privacy/" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">隐私政策</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//gongyi.jd.com" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东公益</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//www.joybuy.com/" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">English
                            Site</a><span style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//corporate.jd.com/" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Media
                            &amp; IR</a>
                    </p>
                </div>
                <div class="copyright_info">
                    <p>
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京公网安备
                            11000002000088号</a><span style="margin: 0 6px;color: #ccc;">|</span><span><a
                            href="http://beian.miit.gov.cn"
                            target="_blank"
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京ICP备11041704号</a></span><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//h5.m.jd.com/pc/dev/3T3No18XR8k8rpLGLGhgbJ1StAFq/index.html" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                           rel="noopener noreferrer">ICP</a><span style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//jdwp.jd.com/544-2927.html"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span
                            style="margin: 0 6px;color: #ccc;">|</span><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">新出发京零 字第大120007号</span>
                    </p>
                    <p><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网出版许可证编号新出网证(京)字150号</span><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//pro.jd.com/mall/active/3bVDLXHdwVmdQksGF8TtS7ocq1NY/index.html"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">出版物经营许可证</a><span
                                style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//img10.360buyimg.com/ling/jfs/t1/164806/19/5070/567736/6017d6d6Eab06ec9c/d8ca6e029f495447.jpg"
                           target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">网络文化经营许可证京网文[2020]6112-1201号</a><span
                                style="margin: 0 6px;color: #ccc;">|</span><span
                                style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">违法和不良信息举报电话：4006561155</span>
                    </p>
                    <p><span class="copyright_text"
                             style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Copyright © 2004 - <em
                            id="copyright_year"
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">2022</em>  京东JD.com 版权所有</span><span
                            style="margin: 0 6px;color: #ccc;">|</span><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">消费者维权热线：4006067733</span>
                        <a href="//pro.jd.com/mall/active/38PitHBfR7ZopNHRSHnuuWR5AMDL/index.html" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                           class="copyright_license">经营证照</a>
                        <span style="margin: 0 6px;color: #ccc;">|</span>
                        <span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">(京)网械平台备字(2018)第00003号</span>
                        <span style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//h5.m.jd.com/babelDiy/Zeus/ARcYnJ8coUdUecn6UQAN6TDaVmH/index.html" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                           class="mod_business_license">营业执照</a>
                        <span style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="//h5.m.jd.com/pc/dev/3YxBvN6m5TsRyVCvDSeEh7awmLB4/index.html" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                           rel="noopener noreferrer">增值电信业务经营许可证</a>
                    </p>
                    <p><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东旗下网站：</span>
                        <a href="https://www.jdpay.com/" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东钱包</a><span
                                style="margin: 0 6px;color: #ccc;">|</span>
                        <a href="https://www.jdcloud.com" target="_blank"
                           style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东云</a>
                    </p>
                </div>
            </div>

            <!--        <div>-->
            <!--            <p></p>-->
            <!--            <span style="font-size: 25px;font-weight: 500;margin: 20px 20px 10px;color: white;">干货</span>-->
            <!--            <span style="margin-left: 5px;display: inline-block;float: left; margin-top: 20px;color: white;">总有你想不到的</span>-->
            <!--            <span>-->
            <!--        </span>-->
            <!--        </div>-->
            <!--        <div class="section_second_header_right">-->
            <!--            <p>当前场次</p>-->
            <!--            <span class="section_second_header_right_hours">00</span>-->
            <!--            <span class="section_second_header_right_mao">：</span>-->
            <!--            <span class="section_second_header_right_minutes">00</span>-->
            <!--            <span class="section_second_header_right_mao">：</span>-->
            <!--            <span class="section_second_header_right_second">00</span>-->
            <!--            <p>后结束</p>-->
            <!--        </div>-->
        </div>


    </div>

</div>
<div class="Fixedbian">
    <ul>
        <li class="li1"><a class="aaa" href="">顶部</a></li>
    </ul>
</div>
</body>

<script src="/static/item/js/jquery1.9.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/item/js/js.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
</script>
<script>
    $(".sku_attr_value").click(function () {

        //1.为点击元素添加上自定义属性，表示被点击
        let skus = new Array();
        // $(this).addClass("clicked");
        let cur = $(this).attr("skuIds").split(",");
        // skus.push(cur);
        $(this).parent().parent().find(".sku_attr_value").removeClass("checked");
        $(this).addClass("checked");
        $("a[class='sku_attr_value checked']").each(function () {
            skus.push($(this).attr("skuIds").split(","));
        });
        console.log(skus);

        let filterEle = skus[0];
        for (let i = 1; i < skus.length; i++) {
            filterEle = $(filterEle).filter(skus[i]);
        }
        location.href = "http://item.drygoods.top/" + filterEle[0] + ".html";

        //1.获取到当前的sku组合
        //2.获取到另外一个选中的属性的sku组合
        //3.取出skuId交集
        //4.跳转
    })
    $(function () {
        $(".sku_attr_value").parent().css({"border": "solid 1px #CCC"});
        $("a[class='sku_attr_value checked']").parent().css({"border": "solid 1px red"});
    })
    $("#addToCartA").click(function () {
        let num = $("#numInput").val();
        let skuId = $(this).attr("skuId");
        location.href = "http://cart.drygoods.top/addToCart?skuId=" + skuId + "&num=" + num;
        return false;

    })

    function search() {
        var keyword = $("#searchText").val()
        window.location.href = "http://search.drygoods.top/list.html?keyword=" + keyword;
    }
</script>

</html>
